<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

    <div><h1>定义变量</h1></div>
    <script>
        // var 声明的变量没有局部作用域
        // let 声明的变量  有局部作用域
        {
            var a = 1;
            let b = 2;
        }
        console.log(a)// 正常输出
        //错误示范： let 声明的变量  有局部作用域
        // console.log(b)// 输出异常 b is not defined


        // var 可以声明多次
        // let 只能声明一次
        var m = 1;
        var m = 2;
        let n = 10;
        // 错误示范：let只能声明一次
        // let n = 20;  //'n' has already been declared
        console.log(m)
        console.log(n)

    </script>
</body>
</html>